<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=600, user-scalable=yes">
  <!-- So that mobile will display zoomed in -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- enable media queries for windows phone 8 -->
  <meta name="format-detection" content="telephone=no">
  <!-- disable auto telephone linking in iOS -->
  <title>我在DOMOTEX asia/CHINAFLOOR!</title>

  <style type="text/css">
    body {
      margin: 0;
      padding: 0;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
    }

    table {
      border-spacing: 0;
    }

    table td {
      border-collapse: collapse;
    }

    .ExternalClass {
      width: 100%;
    }

    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
    .ExternalClass td,
    .ExternalClass div {
      line-height: 100%;
    }

    .ReadMsgBody {
      width: 100%;
      background-color: #ebebeb;
    }

    table {
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }

    img {
      -ms-interpolation-mode: bicubic;
    }

    .yshortcuts a {
      border-bottom: none !important;
    }

    @media screen and (max-width: 599px) {
      table[class="force-row"],
      table[class="container"] {
        width: 100% !important;
        max-width: 100% !important;
      }
    }

    @media screen and (max-width: 400px) {
      td[class*="container-padding"] {
        padding-left: 12px !important;
        padding-right: 12px !important;
      }
    }

    .ios-footer a {
      color: #aaaaaa !important;
      text-decoration: underline;
    }
  </style>

</head>

<body style="margin:0; padding:0;" bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

  <!-- 100% background wrapper (grey background) -->
  <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
    <tr>
      <td align="center" valign="top" bgcolor="#ffffff" style="background-color: #ffffff">
        <!-- 600px container (white background) -->
        <table border="0" width="600" cellpadding="0" cellspacing="0" class="container" style="width:600px;max-width:600px;">
          <tr>
            <td class="container-padding footer-text" align="center" style="padding-top: 90px;">
              <img src="/images/email/2015087/1.jpg" width=500 style="width:500px;"/>
            </td>
          </tr>
          <tr>
            <td 
              class="container-padding footer-text" align="center" 
              style="background-image:url(/images/email/2015087/3.png);background-repeat: no-repeat;background-size: 100% auto;background-position: 20px 0;padding-top: 50px;padding-bottom: 50px;">
              <ul style="list-style:none;padding:0;margin:0;min-height:600px;">
                <% data.forEach(function(d){ %>
                  <li style="list-style:none;">
                    <a href="<%= d.url.replace(/(\.jpe?g)$/, "_c$1 ") %>" style="text-decoration:none;color:#000000;">
                      <img src="<%= d.url.replace(/(\.jpe?g)$/, "_c$1 ") %>" width="500" style="padding-bottom:1px;">
                    </a>
                  </li>
                  <% }); %>
              </ul>

            </td>
          </tr>
          <tr>
            <td class="container-padding footer-text" align="center" style="padding-bottom: 50px;">
              <img src="/images/email/2015087/2.jpg" width=500 style="width:500px;" />
            </td>
          </tr>
        </table>
        <!--/600px container -->


      </td>
    </tr>
  </table>
  <!--/100% background wrapper-->

</body>

</html>